<template>
  <div class="manage_page fillcontain">
    <el-row style="height: 100%">
      <el-col :span="4" style="min-height: 100%; background-color: #324057">
        <el-menu
          :default-active="defaultActive"
          style="min-height: 100%"
          theme="dark"
          router
        >
          <!-- <el-menu-item index="manage"
            >
            <i class="el-icon-menu"></i>首页</el-menu-item
          > -->
          <el-submenu index="1">
            <template slot="title"
              ><i class="el-icon-document"></i>数据管理</template
            >
            <el-menu-item index="shopList">学生成绩</el-menu-item>
            <el-menu-item index="foodList">签到列表</el-menu-item>
            <el-menu-item index="signDetail">签到详情</el-menu-item>
          </el-submenu>
          <el-submenu index="3">
            <template slot="title"
              ><i class="el-icon-plus"></i>任务布置</template
            >
            <!-- <el-menu-item index="addShop">作业发布</el-menu-item> -->
            <el-menu-item index="addGoods">试卷题发布</el-menu-item>
            <el-menu-item index="setTest">试卷发布</el-menu-item>
            <el-menu-item index="newMember">课表设置</el-menu-item>
          </el-submenu>
         
          <el-submenu index="6">
            <template slot="title"
              ><i class="el-icon-setting"></i>设置</template
            >
            <el-menu-item index="adminSet">管理员设置</el-menu-item>
          </el-submenu>
          <el-submenu index="7">
            <template slot="title"
              ><i class="el-icon-warning"></i>说明</template
            >
            <el-menu-item index="explain">说明</el-menu-item>
          </el-submenu>
        </el-menu>
      </el-col>
      <el-col :span="20" style="height: 100%; overflow: auto">
        <keep-alive>
          <router-view></router-view>
        </keep-alive>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  computed: {
    defaultActive: function () {
      return this.$route.path.replace("/", "");
    },
  },
};
</script>


<style lang="less" scoped>
@import "../style/mixin";

</style>
